'Principles and Program Management'

02.05.2020

Making my website

I never had a website before, neither try to make one. At the beginning of MDEF, the tutors gave us an introductory class of Gitlab. Why? Because it is a platform that allows us to manage our projects through an online repository. Gitlab comes from Git, which is an open-source version control system created by Linus Torvalds (Linux inventor) and developers use it to collaborate, share, change and contribute with projects.

The first thing I needed to do was to create my account and repository. The respository / repo is where all the files of my project in this case, website will be saved. It has its own URL and is open to anyone that would like to use it. The tutors gave us a template to save in our repo, (we need to change and adjust it to our preferences). After having the files in our repo, you need to clone them to your PC (in order to work on them locally and then upload the changes). For making this clone/copy I used Gitbash a terminal created by Git (again) and is similar to command prompt in Windows.

Steps:

  1. Open Gitbash
  2. Go to the folder where you want to keep your files "cd+folder_name"
  3. Type "git init" to link your pc with the repo.
  4. Go to your repository and under "Clone or download" copy the url under "SSH key".
  5. Go back to Gitbash and type "git clone + paste url you just copied"
  6. After this you should have a copy of your repo in your pc.
Other common commands:

  • "git init" - Initialize a Git repository for our project folder.
  • "git add" - Will add an especific file into the repository.
  • "git push" - The local files synch /upload to the repository.
  • "git clone" - Copy the project's files from the remote repository.
  • "git pull" - Downloads the content from the remote repository.
After this, I downloaded Atom. A text editor that supports a lot of languages (as C, C++, CSS, HTML, PYTHON, JavaScript, Python, etc...) It was developed by Github (same family as Git and Gitlab). It is a desktop application that allows us to write code and as it is linked to the Git family we can easily upload our modified files to our repository. After installing it, I needed to add my project. For this I went to the File - Add Project Folder and choose my project folder.

To remember.. Make sure you have the "Github package" to easily upload the files to my repo from Atom instead of using Gitbash. To install go to File - Settings - Packages and search for "Github integration". After installing it on the right bottom corner, you'll see a series of buttons. When making changes to the files you'll see the number of files changed will start to add under the "Git" button. When finishing the changes you want to make, press this button and click on "Stage All" - to upload the files you want to change. Write a "Commit message" - things you changed or added at this time. "Commit to master" - uploaded-half-way. "Push" to finally upload the files.

Now, if you go to your repository you can see that the repo is working and uploading the changes. You just need to wait until it finishes to see the changes.

Repository + Atom + my web



To learn more Git commands - click here.
To read about Git and family - click here.
To read a better explanation for working with Atom and Git - click here.





Project - Listening and feeling visual art



Whatever the particularities of all artworks, each piece represents an idea, a concept, a line of work for which the artist expresses its way of perception. For the audience, this concept is not necessarily inherent or visible to the eyes. Sometimes there needs to be a description, context, a common ground. For understanding what the artwork is willing to show.

This project aims to find another way to translate the emotions evoked by visual arts. Colors turn to vibrations through the use of haptic devices to describe color, saturation, contrast, brightness, vibrancy, or others. We are experimenting with the different possibilities to learn through touch.

What am I doing for Fab Academy?

A device that can translate colors of artworks to vibrations.


Notes


Weekly "To do" list

  1. Computer-Aided Design: Model prototype of project - General idea of what it can look like.
  2. Computer-Controlled Cutting: Laser cut the "case", Laser cut the logo of the project.
  3. Electronics production: Design the in-circuit and mill the PCB to then program it.
  4. 3D Scanning and Printing: Scan examples of buttons and print the best option that can fit the needs of my project.
  5. Computer-Controlled Machining: Make a stand por exhibiting in Design Dialogues.
  6. Electronics Design: Design possible board or adapt a microcontroller circuit board to be used in the project.
  7. Embedded Programming: Program my board to trigger vibrations when receiving "X" signal.
  8. Moulding and Casting: Model and cast possible needed pieces.